<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>购物车</title>
<style type="text/css">
*{ padding:0; margin:0; border:0; font-size:12px;}
#shopping{ width:870px; margin:0 auto;}
.location{ border-bottom:2px solid #418051; line-height:40px;}
.flow{ background:url(images/flow.png) no-repeat; width:863px; height:40px; margin:20px auto;}
.title{ color:#65B12D; font-size:16px; line-height:40px;}
#show{ width:870px; border:1px solid #DDD;}
#show .head{ background:url(images/slice_5.png) repeat-x; height:31px;}
#show .head .common{ float:left; text-align:center; line-height:31px; font-size:14px; border-right:1px solid #DDD;}
#show .a{ width:120px;}
#show .b{ width:290px;}
#show .c{ width:110px;}
#show .d{ width:90px;}
#show .e{ width:100px;}
#show .f{ width:90px;}
#show .g{ width:60px; border-right:0;}
#show .line{ border-top:1px solid #DDD;}

#show .line .common{ text-align:center; float:left; line-height:160px; border-right:1px solid #DDD;}

#show .line .g{ border-right:0;}
#show .line .a a{ width:90px; height:120px; display:block; margin:20px auto;}
#show .line .b p{ padding-left:20px; text-align:left;}
#show .line .g p a{ color:#000; text-decoration:none;}
#show .line .g p a:hover{ text-decoration:underline; color:#666;}
.right{ float:right;}
.left{ float:left;}
.red{ color:#F03;}
#show .foot{ padding:0 30px; line-height:35px; height:35px; background:url(images/slice_6.png) repeat-x;}
</style>
</head>

<body>
<div id="shopping">
	<p class="location">您的位置：首页&emsp;>>&emsp;购物车</p>
	<div class="flow"></div>
	<p class="title">我的购物车</p>
	<div id="show">
		<div class="head">
			<div class="a common">商品</div>
			<div class="b common">商品名称</div>
			<div class="c common">积分</div>
			<div class="d common">单价</div>
			<div class="e common">数量</div>
			<div class="f common">金额小计</div>
			<div class="g common">操作</div>
		</div>
		<div class="line">
			<div class="a common">
				<a class="img_demo" href="#">
					<img src="images/img_demo.png" />
				</a>
			</div>
			<div class="b common">
				<p>田园风英伦大格子短衬衫</p>
			</div>
			<div class="c common">
				<p>310</p>
			</div>
			<div class="d common">
				<p>￥310</p>
			</div>
			<div class="e common">
				<input type="text" id="amount_1" style=" width:20px; border:1px solid #DDD;" />
			</div>
			<div class="f common">
				<p>￥310</p>
			</div>
			<div class="g common">
				<p><a href="#">删除</a></p>
			</div>
			<div style="clear:both">
			</div>
		</div>

		<div class="foot">
			<span class="left">清空购物车</span>
			<p class="right">商品数量总计：<span class="red">1件</span>&emsp;&emsp;商品金额总计：<span class="red">￥212</span></p>
		</div>
	</div>
	<br />
		<form action="#">
			<input type="submit" value="" style="background:url(images/continue.png) no-repeat; cursor:pointer; width:107px; height:40px;" />
			<input type="submit" value="" style="background:url(images/cal.png) no-repeat; cursor:pointer; width:107px; height:40px;" />
		</form>
</div>
</body>
</html>
